<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>动物世界</title>
    <style>
        body {
            background-color: #fff2cc; /* 浅黄色背景，模拟示例风格 */
            margin: 0;
            padding: 20px;
            text-align: center;
        }
        h1 {
            color: #0000cc; /* 深蓝色标题 */
            font-size: 24px;
            margin-bottom: 10px;
        }
        nav {
            margin-bottom: 15px;
        }
        nav a {
            margin: 0 5px;
            text-decoration: none;
            color: #000;
        }
        .img-group {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .img-group img {
            width: 200px;
            height: auto;
        }
        hr {
            width: 50%; /* 实现中间50%长度的水平线 */
            margin: 15px auto;
        }
    </style>
</head>
<body>
    <h1>动物世界</h1>
    <hr>
    <nav>
     <a href="#">首页|</a>
     <a href="#">动物一族|</a>
      <a href="#">百草园|</a>
      <a href="#">动物图片|</a>
      <a href="#">动物论坛|</a>
    </nav>
    <div class="img-group">
        <img src="qie.jpg" alt="企鹅">
        <img src="milu.jpg" alt="鹿"> 
    </div>
    <p>感谢你的浏览</p >
    	<p>计科2412尤佳清</p>
</body>
</html>